.north-arrow-container {
  position: absolute;
  top: 16px;
  width: 60px;
  height: 60px;
  z-index: 1000;
  cursor: default;
  filter: drop-shadow(0 1px 3px rgba(255, 255, 255, 0.8));
}

.north-arrow-container:hover {
  filter: drop-shadow(0 2px 5px rgba(255, 255, 255, 1));
  transform: scale(1.08);
  transition: all 0.2s;
}

.north-arrow-svg {
  width: 100%;
  height: 100%;
  display: block;
}
